<template>
    <div class="page">
        <div class="bg">
            <img src="static/img/background@3x.jpg" alt="">
        </div>
        <div class="page-content">
            <div class="logo">
                <img src="static/img/logo@3x.png" alt="">
            </div>
            <div class="inputCenter">
                <input type="text" placeholder="请输入手机号" ref="mobile" v-model="mobile" v-betterInput="1">
            </div>
            <b-divide></b-divide>
            <b-eye-pass-input class="inputCenter" placeholder="请输入密码" ref="password" v-model="password" betterInput="1"></b-eye-pass-input>
            <md-button class="button button-balanced button-block" @click.native="loginDo()">
                登录
            </md-button>
            <div class="link">
                <router-link to="/user/register">注册账号</router-link>
                <router-link to="/user/forgetpwd">忘记密码</router-link>
            </div>
        </div>
    </div>
</template>
<script src="./Login.js"></script>
<style lang="scss" scoped src="./Login.scss"></style>